<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Click small then appear big.</title>
</head>
<body>
    <a href="./images/1.png" id="ak"><img src="./images/1-small.png" alt=""></a>
    <br />
    <img src="" alt="" id="mm">

    <script src="./js/common.js"></script>
    <script>
        //function my$(id) {
        //    return document.getElementById(id);
        //};
        /*
        document.getElementById("ak").onclick=function(){
            document.getElementById("mm").src = document.getElementById("ak").href;
            return false;
        };*/

        my$("ak").onclick = function(){
            my$("mm").src = my$("ak").href;
            return false;
        };
    
    </script>

</body>
</html>